<template>
  <div class="overall">
    <el-container>
      <el-header>
        <div style="margin-top: 38px" class="header-top">
          <el-divider><span style="font-size: 25px">申报成果</span></el-divider>
        </div>
      </el-header>

      <el-container class="container">
        <el-aside class="down-aside" style="width: 30%">
          <div class="aside-left">
            <div style="height: 660px; margin-top: 12px; margin-left: 65px">

              <el-steps direction="vertical" :active="active" finish-status="success">

                <el-step style="margin-top: 95px;line-height: 20px" icon="el-icon-edit" >
                <span  slot="description">
                <el-tag style="display: flex; align-items: center; height: 45px;width: 50px;background-color: #409EFF;border-radius: 4px;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);">
                 <img src="~@/assets/icons/imageicon/1010.png" style="height: 30px; margin-right: 10px;"/>
                 <span style="font-size: 16px;border: 1px;background-color: #f4f4f5;line-height: 45px;min-width: 300px;color: #5a5e66;border-radius: 4px;text-align: center;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);">基本情况、成果情况填写</span>
                </el-tag>
                </span>
                </el-step>

                <el-step style="line-height: 33px" icon="el-icon-upload">
                <span  slot="description">
                <el-tag style="display: flex; align-items: center; height: 45px;width: 50px;background-color: #787be8;border-radius: 4px;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);" >
                 <img src="~@/assets/icons/imageicon/1002.png" style="height: 30px; margin-right: 10px;"/>
                 <span style="font-size: 16px;background-color: #f4f4f5;line-height: 45px;min-width: 300px;color: #5a5e66;border-radius: 4px;text-align: center;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);">产生背景、发明人/完成人信息</span>
                </el-tag></span>
                </el-step>

                <!--              <el-step style="line-height: 33px" icon="el-icon-upload">-->
                <!--                <span  slot="description">-->
                <!--                <el-tag style="display: flex; align-items: center; height: 45px;width: 50px;background-color: #409EFF;border-radius: 4px;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);" >-->
                <!--                 <img src="~@/assets/icons/imageicon/1003.png" style="height: 30px; margin-right: 10px;"/>-->
                <!--                 <span style="font-size: 16px;background-color: #f4f4f5;line-height: 45px;min-width: 300px;color: #5a5e66;border-radius: 4px;text-align: center;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);">交易情况、评估结果、定价方式</span>-->
                <!--                </el-tag></span>-->
                <!--              </el-step>-->

                <el-step style="line-height: 33px" icon="el-icon-upload">
                <span  slot="description">
                <el-tag style="display: flex; align-items: center; height: 45px;width: 50px;background-color: #787be8;border-radius: 4px;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);" >
                 <img src="~@/assets/icons/imageicon/1004.png" style="height: 30px; margin-right: 10px;"/>
                 <span style="font-size: 16px;background-color: #f4f4f5;line-height: 45px;min-width: 300px;color: #5a5e66;border-radius: 4px;text-align: center;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);">交易情况、付款安排</span>
                </el-tag></span>
                </el-step>

                <!--              <el-step style="line-height: 35px" icon="el-icon-upload">-->
                <!--                <span  slot="description">-->
                <!--                <el-tag style="display: flex; align-items: center; height: 45px;width: 50px;background-color: #409EFF;border-radius: 4px;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);" >-->
                <!--                 <img src="~@/assets/icons/imageicon/1005.png" style="height: 30px; margin-right: 10px;"/>-->
                <!--                 <span style="font-size: 16px;background-color: #f4f4f5;line-height: 45px;min-width: 300px;color: #5a5e66;border-radius: 4px;text-align: center;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);">发明人/完成人承诺</span>-->
                <!--                </el-tag></span>-->
                <!--              </el-step>-->

                <!--              <el-step style="line-height: 35px" icon="el-icon-upload">-->
                <!--                <span  slot="description">-->
                <!--                <el-tag style="display: flex; align-items: center; height: 45px;width: 50px;background-color: #787be8;border-radius: 4px;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);" >-->
                <!--                 <img src="~@/assets/icons/imageicon/1006.png" style="height: 30px; margin-right: 10px;"/>-->
                <!--                 <span style="font-size: 16px;background-color: #f4f4f5;line-height:45px;min-width: 300px;color: #5a5e66;border-radius: 4px;text-align: center;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);">研发团队成员及收益分配比例</span>-->
                <!--                </el-tag></span>-->
                <!--              </el-step>-->
                <el-step style="line-height: 33px" icon="el-icon-upload">
                <span  slot="description">
                <el-tag style="display: flex; align-items: center; height: 45px;width: 50px;background-color: #787be8;border-radius: 4px;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);" >
                 <img src="~@/assets/icons/imageicon/1005.png" style="height: 30px; margin-right: 10px;"/>
                 <span style="font-size: 16px;background-color: #f4f4f5;line-height: 45px;min-width: 300px;color: #5a5e66;border-radius: 4px;text-align: center;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);">发明人承诺/完成人承诺</span>
                </el-tag></span>
                </el-step>

                <el-step style="line-height: 30px" icon="el-icon-upload">
                <span  slot="description">
                <el-tag style="display: flex; align-items: center; height: 45px;width: 50px;background-color: #409EFF;border-radius: 4px;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);" >
                 <img src="~@/assets/icons/imageicon/1007.png" style="height: 30px; margin-right: 10px;"/>
                 <span style="font-size: 16px;background-color: #f4f4f5;line-height: 45px;min-width: 300px;color: #5a5e66;border-radius: 4px;text-align: center;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);">需携带材料</span>
                </el-tag></span>
                </el-step>


              </el-steps>
            </div></div>

        </el-aside>

        <!-- <el-main style="width: 70%" v-show="this.active==0">
           <div class="table-middle">
           <div style="font-size: 25px;
           border-radius: 4px;
           margin-top: 5px;width: 1120px;
           line-height: 70px;
           margin-left: 73px">渤海大学创新创业成果转化审批表</div>
           <div class="table-main">
             <el-form ref="form" :model="form" :rules="rules" >
             <el-row style="display: flex;margin-top: 0px;margin-left: 75px;">
               <el-col style="border-radius:4px;
               border-top: 1px solid #C0C4CC;
               border-left: 1px solid #C0C4CC;
               border-right: 1px solid #C0C4CC;
               height: 36px;width: 160px;
               background-color: #F4F4F5;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                 <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                 <span style="font-size: 16px">成果名称</span>
               </el-col>
               <el-col style="border-radius: 4px;
               border-top: 0px solid #C0C4CC;
               border-bottom: 0px solid #C0C4CC;
               border-right: 0px solid #C0C4CC;
               height: 36px;width: 960px;
               background-color: #FFFFFF;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                 <el-input v-model="form.resultName" placeholder="请输入成果名称" style="border:none;"></el-input>
               </el-col>
             </el-row>

             <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
               <el-col style="border-radius:4px;
               border-top: 1px solid #C0C4CC;
               border-left: 1px solid #C0C4CC;
               border-right: 1px solid #C0C4CC;
               height: 36px;width: 160px;
               background-color: #f4f4f5;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                 <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                 <span style="font-size: 16px">团队负责人</span>
               </el-col>
               <el-col style="border-radius: 4px;
               border-top: 0px solid #C0C4CC;
               border-bottom: 0px solid #C0C4CC;
               border-right: 0px solid #C0C4CC;
               height: 36px;width: 400px;
               background-color: #FFFFFF;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                 <el-input v-model="input" placeholder="请输入团队负责人" style="border:none;width: 400px"></el-input>
               </el-col>

               <el-col style="border-radius:4px;
               border-top: 1px solid #C0C4CC;
               border-left: 1px solid #C0C4CC;
               border-right: 1px solid #C0C4CC;
               height: 36px;width: 160px;
               background-color: #f4f4f5;text-align: center;display: flex; justify-content: center; align-items: center;">
                 <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                 <span style="font-size: 16px">完成单位(院系)</span>
               </el-col>
               <el-col style="border-top: 0px solid #C0C4CC;
               border-radius: 4px;
               height: 36px;width: 400px;
               background-color: #FFFFFF;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                 <el-select v-model="value" clearable placeholder="请选择单位(院系)" style="border:none;width: 960px;line-height: 55px;line-height: 20px">
                   <el-option
                     v-for="item in options"
                     :key="item.value"
                     :label="item.label"
                     :value="item.value">
                   </el-option>
                 </el-select>
               </el-col>
             </el-row>

             <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
               <el-col style="border-radius:4px;
               border-top: 1px solid #C0C4CC;
               border-left: 1px solid #C0C4CC;
               border-right: 1px solid #C0C4CC;
               height: 36px;width: 160px;
               background-color: #f4f4f5;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                 <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                 <span style="font-size: 16px">申请转化单位(院系)</span>
               </el-col>
               <el-col style="border-top: 0px solid #C0C4CC;
               height: 36px;width: 400px;
               background-color: #FFFFFF;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                 <el-select v-model="value" clearable placeholder="请选择单位(院系)" style="border:none;width: 960px;line-height: 55px;line-height: 20px">
                   <el-option
                     v-for="item in options"
                     :key="item.value"
                     :label="item.label"
                     :value="item.value">
                   </el-option>
                 </el-select>
               </el-col>

               <el-col style="border-radius:4px;
               border-top: 1px solid #C0C4CC;
               border-left: 1px solid #C0C4CC;
               border-right: 1px solid #C0C4CC;
               border-bottom: 1px solid #C0C4CC;
               height: 36px;width: 160px;
               background-color: #f4f4f5;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                 <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                 <span style="font-size: 16px">转化地区</span>
               </el-col>
               <el-col style="border-top: 0px solid #C0C4CC;
               border-radius: 4px;
               height: 36px;width: 400px;
               background-color: #FFFFFF;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                 <el-input v-model="input" placeholder="请输入转化地区" style="border:none;width: 960px;"></el-input>
               </el-col>
             </el-row>

             <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
               <el-col style="border-radius:4px;
               border-top: 1px solid #C0C4CC;
               border-left: 1px solid #C0C4CC;
               border-right: 1px solid #C0C4CC;
               height: 36px;width: 160px;
               background-color: #f4f4f5;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                 <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                 <span style="font-size: 16px">转化方式</span>
               </el-col>
               <el-col style="border-radius:4px;
               border-top: 0px solid #C0C4CC;
               border-right: 1px solid #e1d7f0;
               border-left: 1px solid #e1d7f0;
               height: 36px;width: 960px;
               background-color: #FFFFFF;
               text-align: center;display: flex; justify-content: left; align-items: center;">
                 <el-radio v-model="radio" label="1" style="display: flex; align-items: center;margin-left: 40px">
                   <span style="font-size: 13px">转让</span>
                 </el-radio>
                 <el-radio v-model="radio" label="2" style="display: flex; align-items: center;margin-left: 20px">
                   <span style="font-size: 13px">许可</span>
                 </el-radio>

               </el-col>
             </el-row>

             <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
               <el-col style="border-radius:4px;
               border-top: 1px solid #C0C4CC;
               border-left: 1px solid #C0C4CC;
               border-right: 1px solid #C0C4CC;
               height: 36px;width: 160px;
               background-color: #f4f4f5;text-align: center;display: flex; justify-content: center; align-items: center;">
                 <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                 <span style="font-size: 16px">联系人</span>
               </el-col>
               <el-col style="border-top: 0px solid #C0C4CC;
               height: 36px;width: 400px;
               background-color: #FFFFFF;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                 <el-input v-model="input" placeholder="请输入联系人" style="border:none;width: 960px;line-height: 55px;line-height: 20px"></el-input>
               </el-col>

               <el-col style="border-radius:4px;
               border-top: 1px solid #C0C4CC;
               border-left: 1px solid #C0C4CC;
               border-right: 1px solid #C0C4CC;
               height: 36px;width: 160px;
               background-color: #f4f4f5;text-align: center;display: flex; justify-content: center; align-items: center;">
                 <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                 <span style="font-size: 16px">联系电话</span>
               </el-col>
               <el-col style="border-top: 0px solid #C0C4CC;
               height: 36px;width: 400px;
               background-color: #FFFFFF;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                 <el-input v-model="input" placeholder="请输入联系电话" style="border:none;width: 960px;line-height: 55px;line-height: 20px"></el-input>
               </el-col>
             </el-row>

             <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
               <el-col style="border-radius:4px;
               border-top: 1px solid #C0C4CC;
               border-bottom: 1px solid #C0C4CC;
               border-left: 1px solid #C0C4CC;
               border-right: 1px solid #C0C4CC;
               height: 36px;width: 160px;
               background-color: #f4f4f5;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                 <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                 <span style="font-size: 16px">指导教师姓名</span>
               </el-col>
               <el-col style="border-radius: 4px;
               border-top: 0px solid #C0C4CC;
               border-bottom: 0px solid #C0C4CC;
               height: 36px;width: 400px;
               background-color: #FFFFFF;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                 <el-input v-model="input" placeholder="请输入指导教师姓名" style="border:none;width: 960px;line-height: 55px;line-height: 20px"></el-input>
               </el-col>

               <el-col style="border-radius:4px;
               border-top: 1px solid #C0C4CC;
               border-left: 1px solid #C0C4CC;
               border-bottom: 1px solid #C0C4CC;
               border-right: 1px solid #C0C4CC;
               height: 36px;width: 160px;
               background-color: #f4f4f5;text-align: center;display: flex; justify-content: center; align-items: center;">
                 <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                 <span style="font-size: 16px">知识产权数量</span>
               </el-col>
               <el-col style="border-radius: 4px;
               border-top: 0px solid #C0C4CC;
               border-bottom: 0px solid #C0C4CC;
               height: 36px;width: 400px;
               background-color: #FFFFFF;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                 <el-input v-model="input" placeholder="请输入知识产权数量" style="border:none;width: 960px;line-height: 55px;line-height: 20px"></el-input>
               </el-col>
             </el-row>

             <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
               <el-col style="height: 55px;width: 1120px;border-radius: 4px;
               background-color: #FFFFFF;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                 <el-divider><span style="font-size: 15px;">基本情况(若存在联合申请等情况导致出现多个权利人时，请</span>
                   <span style="font-size: 15px;color: #2f81d5"><el-button type="text">新增</el-button></span>
                   <span style="font-size: 15px;">)</span></el-divider>
               </el-col>
             </el-row>

             <el-row style="display: flex;margin-top: 0px;margin-left: 75px;width: 1120px;">
             <el-table
               :data="tableData"
               height="205"
               border
               style="width: 1120px;white-space: nowrap;border-radius: 4px;"
               :cell-style="{textAlign: 'center'}"
               :header-cell-style="{fontSize: '13px', whiteSpace: 'nowrap',backgroundColor: '#f4f4f5'}">
               <el-table-column label="成果类型" align="center" prop="rstype">
               </el-table-column>
               <el-table-column label="成果名称" align="center" prop="rsname">
               </el-table-column>
               <el-table-column style="white-space: nowrap;" label="专利号/软著登记证书号" align="center"></el-table-column>
               <el-table-column label="权利人" align="center"></el-table-column>
               <el-table-column label="发明人" align="center"></el-table-column>
               <el-table-column label="操作" align="center">
                 <el-button icon="el-icon-delete" style="border: none"></el-button>
               </el-table-column>
             </el-table>
   &lt;!&ndash;            <el-pagination
                 background
                 layout="prev, pager, next"
                 :total="50">
               </el-pagination>&ndash;&gt;
             </el-row>

             <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
               <el-col style="height: 55px;width: 1120px;border-radius: 4px;
               background-color: #FFFFFF;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                 <el-divider><span style="font-size: 15px;">成果情况</span></el-divider>
               </el-col>
             </el-row>

             <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
               <el-col style="border-top: 1px solid #C0C4CC;
               border-left: 1px solid #C0C4CC;
               border-right: 1px solid #C0C4CC;
               border-bottom: 1px solid #C0C4CC;
               border-radius: 4px;
               height: 54px;width: 160px;
               background-color: #f4f4f5;text-align: center;display: flex; justify-content: center; align-items: center;">
                 <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                 <span style="font-size: 16px">成果情况</span>
               </el-col>
               <el-col style="border-top: 0px solid #C0C4CC;
               border-right: 0px solid #C0C4CC;
               border-bottom: 0px solid #C0C4CC;
               border-radius: 4px;
               height: 54px;width: 960px;
               background-color: #FFFFFF;text-align: center;display: flex; justify-content: center; align-items: center;">
                 <el-input
                   type="textarea"
                   :rows="2"
                   placeholder="请输入(序号，成果类别，名称，授权号，授权日期，证书编号，权利人，发明人，发明专利有效状态，技术产生背景，技术简要说明及应用范围等)"
                   v-model="textarea"
                   class="custom-input">
                 </el-input>
               </el-col>
             </el-row>

             <el-row style="display: flex;margin-top: 20px;">
               <el-button  @click="nextStep1"
                 style="height: 40px;width: 110px;font-size: 15px;margin-left: 900px;background-color: #1c84c6;color: #FFFFFF">

                 下一步</el-button>
               <el-button  @click="shangStep">

                 上一步</el-button>
             </el-row>
             </el-form>
           </div>

           </div>
         </el-main>

           <el-main style="width: 70%" v-show="this.active==1">
             <div class="table-middle">
               <div style="font-size: 25px;
           border-radius: 4px;
           margin-top: 5px;width: 1120px;
           line-height: 70px;
           margin-left: 73px">渤海大学创新创业成果转化审批表2</div>
               <div class="table-main">
                 <el-form ref="form" :model="form" :rules="rules" >


                   <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
                     <el-col style="border-radius:4px;
               border-top: 1px solid #C0C4CC;
               border-left: 1px solid #C0C4CC;
               border-right: 1px solid #C0C4CC;
               height: 36px;width: 160px;
               background-color: #f4f4f5;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                       <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                       <span style="font-size: 16px">团队负责人</span>
                     </el-col>
                     <el-col style="border-radius: 4px;
               border-top: 0px solid #C0C4CC;
               border-bottom: 0px solid #C0C4CC;
               border-right: 0px solid #C0C4CC;
               height: 36px;width: 400px;
               background-color: #FFFFFF;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                       <el-input v-model="form.firstName" placeholder="请输入团队负责人" style="border:none;width: 400px"></el-input>
                     </el-col>

                     <el-col style="border-radius:4px;
               border-top: 1px solid #C0C4CC;
               border-left: 1px solid #C0C4CC;
               border-right: 1px solid #C0C4CC;
               height: 36px;width: 160px;
               background-color: #f4f4f5;text-align: center;display: flex; justify-content: center; align-items: center;">
                       <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                       <span style="font-size: 16px">完成单位(院系)</span>
                     </el-col>
                     <el-col style="border-top: 0px solid #C0C4CC;
               border-radius: 4px;
               height: 36px;width: 400px;
               background-color: #FFFFFF;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                       <el-select v-model="value" clearable placeholder="请选择单位(院系)" style="border:none;width: 960px;line-height: 55px;line-height: 20px">
                         <el-option
                           v-for="item in options"
                           :key="item.value"
                           :label="item.label"
                           :value="item.value">
                         </el-option>
                       </el-select>
                     </el-col>
                   </el-row>

                   <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
                     <el-col style="border-radius:4px;
               border-top: 1px solid #C0C4CC;
               border-left: 1px solid #C0C4CC;
               border-right: 1px solid #C0C4CC;
               height: 36px;width: 160px;
               background-color: #f4f4f5;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                       <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                       <span style="font-size: 16px">申请转化单位(院系)</span>
                     </el-col>
                     <el-col style="border-top: 0px solid #C0C4CC;
               height: 36px;width: 400px;
               background-color: #FFFFFF;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                       <el-select v-model="value" clearable placeholder="请选择单位(院系)" style="border:none;width: 960px;line-height: 55px;line-height: 20px">
                         <el-option
                           v-for="item in options"
                           :key="item.value"
                           :label="item.label"
                           :value="item.value">
                         </el-option>
                       </el-select>
                     </el-col>

                     <el-col style="border-radius:4px;
               border-top: 1px solid #C0C4CC;
               border-left: 1px solid #C0C4CC;
               border-right: 1px solid #C0C4CC;
               border-bottom: 1px solid #C0C4CC;
               height: 36px;width: 160px;
               background-color: #f4f4f5;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                       <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                       <span style="font-size: 16px">转化地区</span>
                     </el-col>
                     <el-col style="border-top: 0px solid #C0C4CC;
               border-radius: 4px;
               height: 36px;width: 400px;
               background-color: #FFFFFF;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                       <el-input v-model="input" placeholder="请输入转化地区" style="border:none;width: 960px;"></el-input>
                     </el-col>
                   </el-row>

                   <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
                     <el-col style="border-radius:4px;
               border-top: 1px solid #C0C4CC;
               border-left: 1px solid #C0C4CC;
               border-right: 1px solid #C0C4CC;
               height: 36px;width: 160px;
               background-color: #f4f4f5;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                       <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                       <span style="font-size: 16px">转化方式</span>
                     </el-col>
                     <el-col style="border-radius:4px;
               border-top: 0px solid #C0C4CC;
               border-right: 1px solid #e1d7f0;
               border-left: 1px solid #e1d7f0;
               height: 36px;width: 960px;
               background-color: #FFFFFF;
               text-align: center;display: flex; justify-content: left; align-items: center;">
                       <el-radio v-model="radio" label="1" style="display: flex; align-items: center;margin-left: 40px">
                         <span style="font-size: 13px">转让</span>
                       </el-radio>
                       <el-radio v-model="radio" label="2" style="display: flex; align-items: center;margin-left: 20px">
                         <span style="font-size: 13px">许可</span>
                       </el-radio>

                     </el-col>
                   </el-row>

                   <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
                     <el-col style="border-radius:4px;
               border-top: 1px solid #C0C4CC;
               border-left: 1px solid #C0C4CC;
               border-right: 1px solid #C0C4CC;
               height: 36px;width: 160px;
               background-color: #f4f4f5;text-align: center;display: flex; justify-content: center; align-items: center;">
                       <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                       <span style="font-size: 16px">联系人</span>
                     </el-col>
                     <el-col style="border-top: 0px solid #C0C4CC;
               height: 36px;width: 400px;
               background-color: #FFFFFF;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                       <el-input v-model="input" placeholder="请输入联系人" style="border:none;width: 960px;line-height: 55px;line-height: 20px"></el-input>
                     </el-col>

                     <el-col style="border-radius:4px;
               border-top: 1px solid #C0C4CC;
               border-left: 1px solid #C0C4CC;
               border-right: 1px solid #C0C4CC;
               height: 36px;width: 160px;
               background-color: #f4f4f5;text-align: center;display: flex; justify-content: center; align-items: center;">
                       <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                       <span style="font-size: 16px">联系电话</span>
                     </el-col>
                     <el-col style="border-top: 0px solid #C0C4CC;
               height: 36px;width: 400px;
               background-color: #FFFFFF;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                       <el-input v-model="input" placeholder="请输入联系电话" style="border:none;width: 960px;line-height: 55px;line-height: 20px"></el-input>
                     </el-col>
                   </el-row>

                   <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
                     <el-col style="border-radius:4px;
               border-top: 1px solid #C0C4CC;
               border-bottom: 1px solid #C0C4CC;
               border-left: 1px solid #C0C4CC;
               border-right: 1px solid #C0C4CC;
               height: 36px;width: 160px;
               background-color: #f4f4f5;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                       <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                       <span style="font-size: 16px">指导教师姓名</span>
                     </el-col>
                     <el-col style="border-radius: 4px;
               border-top: 0px solid #C0C4CC;
               border-bottom: 0px solid #C0C4CC;
               height: 36px;width: 400px;
               background-color: #FFFFFF;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                       <el-input v-model="input" placeholder="请输入指导教师姓名" style="border:none;width: 960px;line-height: 55px;line-height: 20px"></el-input>
                     </el-col>

                     <el-col style="border-radius:4px;
               border-top: 1px solid #C0C4CC;
               border-left: 1px solid #C0C4CC;
               border-bottom: 1px solid #C0C4CC;
               border-right: 1px solid #C0C4CC;
               height: 36px;width: 160px;
               background-color: #f4f4f5;text-align: center;display: flex; justify-content: center; align-items: center;">
                       <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                       <span style="font-size: 16px">知识产权数量</span>
                     </el-col>
                     <el-col style="border-radius: 4px;
               border-top: 0px solid #C0C4CC;
               border-bottom: 0px solid #C0C4CC;
               height: 36px;width: 400px;
               background-color: #FFFFFF;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                       <el-input v-model="input" placeholder="请输入知识产权数量" style="border:none;width: 960px;line-height: 55px;line-height: 20px"></el-input>
                     </el-col>
                   </el-row>

                   <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
                     <el-col style="height: 55px;width: 1120px;border-radius: 4px;
               background-color: #FFFFFF;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                       <el-divider><span style="font-size: 15px;">基本情况(若存在联合申请等情况导致出现多个权利人时，请</span>
                         <span style="font-size: 15px;color: #2f81d5"><el-button type="text">新增</el-button></span>
                         <span style="font-size: 15px;">)</span></el-divider>
                     </el-col>
                   </el-row>

                   <el-row style="display: flex;margin-top: 0px;margin-left: 75px;width: 1120px;">
                     <el-table
                       :data="tableData"
                       height="205"
                       border
                       style="width: 1120px;white-space: nowrap;border-radius: 4px;"
                       :cell-style="{textAlign: 'center'}"
                       :header-cell-style="{fontSize: '13px', whiteSpace: 'nowrap',backgroundColor: '#f4f4f5'}">
                       <el-table-column label="成果类型" align="center" prop="rstype">
                       </el-table-column>
                       <el-table-column label="成果名称" align="center" prop="rsname">
                       </el-table-column>
                       <el-table-column style="white-space: nowrap;" label="专利号/软著登记证书号" align="center"></el-table-column>
                       <el-table-column label="权利人" align="center"></el-table-column>
                       <el-table-column label="发明人" align="center"></el-table-column>
                       <el-table-column label="操作" align="center">
                         <el-button icon="el-icon-delete" style="border: none"></el-button>
                       </el-table-column>
                     </el-table>
                     &lt;!&ndash;            <el-pagination
                                   background
                                   layout="prev, pager, next"
                                   :total="50">
                                 </el-pagination>&ndash;&gt;
                   </el-row>

                   <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
                     <el-col style="height: 55px;width: 1120px;border-radius: 4px;
               background-color: #FFFFFF;
               text-align: center;display: flex; justify-content: center; align-items: center;">
                       <el-divider><span style="font-size: 15px;">成果情况</span></el-divider>
                     </el-col>
                   </el-row>

                   <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
                     <el-col style="border-top: 1px solid #C0C4CC;
               border-left: 1px solid #C0C4CC;
               border-right: 1px solid #C0C4CC;
               border-bottom: 1px solid #C0C4CC;
               border-radius: 4px;
               height: 54px;width: 160px;
               background-color: #f4f4f5;text-align: center;display: flex; justify-content: center; align-items: center;">
                       <span style="color: red;margin-top: 12px;font-size: 20px;margin-right: 2px">*</span>
                       <span style="font-size: 16px">成果情况</span>
                     </el-col>
                     <el-col style="border-top: 0px solid #C0C4CC;
               border-right: 0px solid #C0C4CC;
               border-bottom: 0px solid #C0C4CC;
               border-radius: 4px;
               height: 54px;width: 960px;
               background-color: #FFFFFF;text-align: center;display: flex; justify-content: center; align-items: center;">
                       <el-input
                         type="textarea"
                         :rows="2"
                         placeholder="请输入(序号，成果类别，名称，授权号，授权日期，证书编号，权利人，发明人，发明专利有效状态，技术产生背景，技术简要说明及应用范围等)"
                         v-model="textarea"
                         class="custom-input">
                       </el-input>
                     </el-col>
                   </el-row>

                   <el-row style="display: flex;margin-top: 20px;">
                     <el-button  @click="nextStep2"
                                 style="height: 40px;width: 110px;font-size: 15px;margin-left: 1080px;background-color: #1c84c6;color: #FFFFFF">

                       下一步</el-button>
                     <el-button  @click="shangStep">

                       上一步</el-button>
                   </el-row>
                 </el-form>
               </div>

             </div>
           </el-main>-->
        <el-main class="main" style="width: 70%" v-show="this.active==2">
          <div class="table-middle">
            <div style="font-size: 25px;
        border-radius: 4px;
        margin-top: 5px;width: 1120px;
        line-height: 70px;
        margin-left: 73px">渤海大学创新创业成果转化审批表</div>
            <div class="table-main">
              <el-form ref="form" :model="form" :rules="rules" >
                <el-row style="display: flex;margin-top: 0px;margin-left: 75px">
                  <el-descriptions  :column="2" border >


                    <el-descriptions-item >
                      <template slot="label" >
                        <div style="width: 180px;font-size: 17px;align-content: center;color: #1e1e1e;">
                          <span style="color: red;font-size: 17px;">*</span>
                          档案编号
                        </div>
                      </template>
                      <el-input class="paperview-input-text" v-model="form.fileId" placeholder="请输入档案编号" style="width: 270px;height: 35px;"></el-input>
                    </el-descriptions-item>
                    <el-descriptions-item >
                      <template slot="label" >
                        <div style="font-size: 17px;align-content: center;color: #1e1e1e;">
                          <span style="color: red;font-size: 17px;">*</span>
                          受理日期
                        </div>
                      </template>
                      <el-date-picker clearable
                                      class="paperview-input-text"
                                      v-model="form.acceptTime"
                                      type="date"
                                      value-format="yyyy-MM-dd"
                                      placeholder="请选择受理日期 "
                                      style="width: 400px">
                      </el-date-picker>
                    </el-descriptions-item>
                    <el-descriptions-item >
                      <template slot="label" >
                        <div style="width: 180px;font-size: 17px;align-content: center;color: #1e1e1e;">
                          <span style="color: red;font-size: 17px;">*</span>
                          年限
                        </div>
                      </template>
                      <el-input class="paperview-input-text" v-model="form.numberYears" placeholder="请输入年限" style="width: 270px;height: 35px;"></el-input>
                    </el-descriptions-item>


                    <el-descriptions-item >
                      <template slot="label" >
                        <div style="width: 180px;font-size: 17px;align-content: center;color: #1e1e1e;">
                          <span style="color: red;font-size: 17px;">*</span>
                          转化方式
                        </div>
                      </template>
                      <el-select  class="paperview-input-text" v-model="form.transformationMode" placeholder="请选择转化方式" style="width: 100%"  clearable>
                        <el-option

                          v-for="dict in dict.type.cxcy_transformation_mode"
                          :key="dict.value"
                          :label="dict.label"
                          :value="dict.value"
                          style="width: 100%"
                        ></el-option>
                      </el-select>
                    </el-descriptions-item>

                    <el-descriptions-item >
                      <template slot="label" >
                        <div style="width: 180px;font-size: 17px;align-content: center;color: #1e1e1e;">
                          <span style="color: red;font-size: 17px;">*</span>
                          专利号/软著登记号（区分大小写）
                        </div>
                      </template>
                      <el-input  class="paperview-input-text" v-model="form.patentSoftware" placeholder="请输入专利号/软著登记证书号" style="width: 270px;height: 35px;"></el-input>

                    </el-descriptions-item>


                    <el-descriptions-item >
                      <template slot="label" >
                        <div style="width: 180px;font-size: 17px;align-content: center;color: #1e1e1e;">
                          <span style="color: red;font-size: 17px;">*</span>
                          权利人
                        </div>
                      </template>
                      <el-input   class="paperview-input-text" v-model="form.obligee" placeholder="请输入权利人" style="width: 270px;height: 35px;"></el-input>

                    </el-descriptions-item>

                    <el-descriptions-item >
                      <template slot="label" >
                        <div style="width: 180px;font-size: 17px;align-content: center;color: #1e1e1e;">
                          <span style="color: red;font-size: 17px;">*</span>
                          资助说明
                        </div>
                      </template>
                      <el-input   class="paperview-input-text" v-model="form.fundingStatement" placeholder="请输入资助说明" style="width: 270px;height: 35px;"></el-input>

                    </el-descriptions-item>
                    <el-descriptions-item >
                      <template slot="label" >
                        <div style="width: 180px;font-size: 17px;align-content: center;color: #1e1e1e;">
                          <span style="color: red;font-size: 17px;">*</span>
                          权属/保密规定
                        </div>
                      </template>
                      <el-input   class="paperview-input-text" v-model="form.tenureConfidentiality" placeholder="请输入 权属/保密规定" style="width: 270px;height: 35px;"></el-input>

                    </el-descriptions-item>
                    <el-descriptions-item >
                      <template slot="label" >
                        <div style="width: 180px;font-size: 17px;align-content: center;color: #1e1e1e;">
                          <span style="color: red;font-size: 17px;">*</span>
                          历史交易情况
                        </div>
                      </template>
                      <el-input   class="paperview-input-text" v-model="form.historicalTransaction" placeholder="请输入历史交易情况" style="width: 270px;height: 35px;"></el-input>

                    </el-descriptions-item>
                    <el-descriptions-item >
                      <template slot="label" >
                        <div style="width: 180px;font-size: 17px;align-content: center;color: #1e1e1e;">
                          <span style="color: red;font-size: 17px;">*</span>
                          关联情况
                        </div>
                      </template>
                      <el-select  class="paperview-input-text" v-model="form.correlationCondition" placeholder="请选择关联情况" style="width: 100%"  clearable>
                        <el-option

                          v-for="dict in dict.type.cxcy_correlation_condition"
                          :key="dict.value"
                          :label="dict.label"
                          :value="dict.value"
                        ></el-option>
                      </el-select>
                    </el-descriptions-item>
                    <el-descriptions-item >
                      <template slot="label" >
                        <div style="width: 180px;font-size: 17px;align-content: center;color: #1e1e1e;">
                          <span style="color: red;font-size: 17px;">*</span>
                          许可方式
                        </div>
                      </template>
                      <el-select   class="paperview-input-text" v-model="form.licenseMode" placeholder="请选择许可方式" style="width: 100%"  clearable>
                        <el-option

                          v-for="dict in dict.type.cxcy_license_mode"
                          :key="dict.value"
                          :label="dict.label"
                          :value="dict.value"
                          style="width: 120%"
                        ></el-option>
                      </el-select>
                    </el-descriptions-item>
                    <el-descriptions-item >
                      <template slot="label" >
                        <div style="width: 180px;font-size: 17px;align-content: center;color: #1e1e1e;">
                          <span style="color: red;font-size: 17px;">*</span>
                          转让方式
                        </div>
                      </template>
                      <el-select  class="paperview-input-text" v-model="form.modeTransfer" placeholder="请选择转让方式" style="width: 100%"  clearable>
                        <el-option

                          v-for="dict in dict.type.cxcy_mode_transfer"
                          :key="dict.value"
                          :label="dict.label"
                          :value="dict.value"
                        ></el-option>
                      </el-select>
                    </el-descriptions-item>
                    <el-descriptions-item >
                      <template slot="label" >
                        <div style="width: 180px;font-size: 17px;align-content: center;color: #1e1e1e;">
                          <span style="color: red;font-size: 17px;">*</span>
                          第一次（万元）
                        </div>
                      </template>
                      <el-input   class="paperview-input-text" v-model="form.paymentAmount1" placeholder="请输入第一次（万元）" style="width: 270px;height: 35px;"></el-input>

                    </el-descriptions-item>
                    <el-descriptions-item >
                      <template slot="label" >
                        <div style="width: 180px;font-size: 17px;align-content: center;color: #1e1e1e;">
                          <span style="color: red;font-size: 17px;">*</span>
                          第一次付款日期
                        </div>
                      </template>
                      <el-date-picker clearable
                                      class="paperview-input-text"
                                      v-model="form.paymentTime1"
                                      type="date"
                                      value-format="yyyy-MM-dd"
                                      placeholder="请选择第一次付款日期 "
                                      style="width: 400px">
                      </el-date-picker>
                    </el-descriptions-item>

                    <el-descriptions-item >
                      <template slot="label" >
                        <div style="width: 180px;font-size: 17px;align-content: center;color: #1e1e1e;">

                          第二次（万元）
                        </div>
                      </template>
                      <el-input   class="paperview-input-text" v-model="form.paymentAmount2" placeholder="请输入第二次（万元）" style="width: 270px;height: 35px;"></el-input>
                    </el-descriptions-item>
                    <el-descriptions-item >
                      <template slot="label" >
                        <div style="width: 180px;font-size: 17px;align-content: center;color: #1e1e1e;">

                          第二次付款日期
                        </div>
                      </template>
                      <el-date-picker clearable
                                      class="paperview-input-text"
                                      v-model="form.paymentTime2"
                                      type="date"
                                      value-format="yyyy-MM-dd"
                                      placeholder="请选择第二次付款日期 "
                                      style="width: 400px">
                      </el-date-picker>
                    </el-descriptions-item>

                    <el-descriptions-item >
                      <template slot="label" >
                        <div style="width: 180px;font-size: 17px;align-content: center;color: #1e1e1e;">

                          第三次（万元）
                        </div>
                      </template>
                      <el-input  class="paperview-input-text" v-model="form.paymentAmount3" placeholder="请输入第三次（万元）" style="width: 270px;height: 35px;"></el-input>
                    </el-descriptions-item>
                    <el-descriptions-item >
                      <template slot="label" >
                        <div style="width: 180px;font-size: 17px;align-content: center;color: #1e1e1e;">

                          第三次付款日期
                        </div>
                      </template>
                      <el-date-picker clearable
                                      class="paperview-input-text"
                                      v-model="form.paymentTime3"
                                      type="date"
                                      value-format="yyyy-MM-dd"
                                      placeholder="请选择第三次付款日期 "
                                      style="width: 400px">
                      </el-date-picker>
                    </el-descriptions-item>

                    <el-descriptions-item >
                      <template slot="label" >
                        <div style="width: 180px;font-size: 17px;align-content: center;color: #1e1e1e;">

                          第四次（万元）
                        </div>
                      </template>
                      <el-input  class="paperview-input-text" v-model="form.paymentAmount4" placeholder="请输入第四次（万元）" style="width: 270px;height: 35px;"></el-input>
                    </el-descriptions-item>
                    <el-descriptions-item  >
                      <template slot="label" >
                        <div style="width: 180px;font-size: 17px;align-content: center;color: #1e1e1e;">

                          第四次付款日期
                        </div>
                      </template>
                      <el-date-picker clearable
                                      class="paperview-input-text"
                                      v-model="form.paymentTime4"
                                      type="date"
                                      value-format="yyyy-MM-dd"
                                      placeholder="请选择第四次付款日期 "
                                      style="width: 400px">
                      </el-date-picker>
                    </el-descriptions-item>
                    <el-descriptions-item  :span="2">
                      <template slot="label" >
                        <div style="width: 180px;font-size: 17px;align-content: center;color: #1e1e1e;">

                          后续提成方案（如有请填写）
                        </div>
                      </template>
                      <el-input
                        class="paperview-input-text"
                        :rows="2"
                        placeholder="请输入后续提成方案（如有请填写）"
                        v-model="form.payArrangement"
                      >
                      </el-input>
                    </el-descriptions-item>


                  </el-descriptions>
                </el-row>




                <el-row style="display: flex;margin-top: 20px;">

                  <el-button  @click="shangStep1"
                              style="height: 40px;width: 90px;font-size: 15px;margin-left: 1000px;color: #000000;margin-left: 80%;">

                    上一步</el-button>

                  <el-button  @click="nextStep2"
                              style="background-color: #1c84c6;font-size: 15px;width: 90px;color: #FFFFFF;margin-left: 40px;">

                    下一步</el-button>
                </el-row>
              </el-form>
            </div>

          </div>
        </el-main>
        <el-main class="main" style="width: 70%" v-show="this.active==3">
          <div class="table-middle">
            <div style="font-size: 25px;
        border-radius: 4px;
        margin-top: 5px;width: 1120px;
        line-height: 70px;
        margin-left: 73px">渤海大学创新创业成果转化审批表</div>
            <div class="table-main">
              <el-form ref="form" :model="form" :rules="rules" >
                <el-divider><span style="font-size: 15px;">承诺事项</span></el-divider>
                <div style="text-align: left;margin-left: 75px;font-size: 18px;line-height: 60px">

                  1. 成果发明人/完成人对所填写内容及递交材料的客观性、真实性、关联性、合法性、有效性和完整性负责，对交易专利/软著/技术<br>秘密的产生背景、著录事项变更、权利限制（申请权、处置权和收益权等）、历史交易等事项已完整披露。<br>
                  2. 经与全体发明人/完成人承接的所有项目合同核对，确定标的专利权/软著权/技术秘密权属关系清晰，登记产权无瑕疵，符合保密<br>约定，渤海大学对该交易具有完全处置权，且该处置权的实施已不存在任何限制条件。<br>
                  3. 本交易申请为全体发明人/完成人之真实意思表示，已履行了有效的内部决策程序，并就内部奖励分配获得全体成果发明人/完成<br>人的一致同意。<br>
                  4. 对于权利许可的，在该权利许可期间，申请人应保证及时缴纳维护费（许可合同中如明确规定维护费由对方单位承担的除外）。<br>
                  5. 对于技术秘密，已覆盖全体科技成果完成人。<br>
                  6. 在整个交易过程中如违背上述承诺，自愿承担相关的经济和法律责任。给学校造成损失的，承担全部赔偿责任。<br>


                </div>


                <!--                <el-row style="display: flex;margin-top: 0px;margin-left: 75px;width: 1120px;">-->
                <!--                  <el-table-->
                <!--                    :data="tableData"-->
                <!--                    height="205"-->
                <!--                    border-->
                <!--                    style="width: 1120px;white-space: nowrap;border-radius: 4px;"-->
                <!--                    :cell-style="{textAlign: 'center'}"-->
                <!--                    :header-cell-style="{fontSize: '13px', whiteSpace: 'nowrap',backgroundColor: '#f4f4f5'}">-->
                <!--                    <el-table-column label="次/万元" align="center" prop="rstype">-->
                <!--                    </el-table-column>-->
                <!--                    <el-table-column label="计划日期" align="center" prop="rsname">-->
                <!--                    </el-table-column>-->
                <!--                    <el-table-column style="white-space: nowrap;" label="专利号/软著登记证书号" align="center"></el-table-column>-->
                <!--                    <el-table-column label="权利人" align="center"></el-table-column>-->
                <!--                    <el-table-column label="发明人" align="center"></el-table-column>-->
                <!--                    <el-table-column label="操作" align="center">-->
                <!--                      <el-button icon="el-icon-delete" style="border: none"></el-button>-->
                <!--                    </el-table-column>-->
                <!--                  </el-table>-->
                <!--            <el-pagination
                              background
                              layout="prev, pager, next"
                              :total="50">
                            </el-pagination>-->


                <el-row style="display: flex;margin-top: 20px;">

                  <el-button  @click="shangStep"
                              style="height: 40px;width: 90px;font-size: 15px;margin-left: 800px;color: #000000;margin-left: 77%">

                    上一步</el-button>

                  <el-button  @click="nextStep2"
                              style="background-color: #1c84c6;font-size: 15px;width: 100px;color: #FFFFFF;margin-left: 20px">

                    我已知晓</el-button>
                </el-row>
              </el-form>
            </div>

          </div>
        </el-main>
        <el-main class="main" style="width: 70%" v-show="this.active==4">
          <div class="table-middle">
            <div style="font-size: 25px;
        border-radius: 4px;
        margin-top: 5px;width: 1120px;
        line-height: 70px;
        margin-left: 73px">渤海大学创新创业成果转化审批表</div>
            <div class="table-main">
              <el-form ref="form" :model="form" :rules="rules" >






                <br>



                <!--                <el-row style="display: flex;margin-top: 0px;margin-left: 75px">-->
                <!--                  <el-col style="height: 55px;width: 1120px;border-radius: 4px;-->
                <!--            background-color: #FFFFFF;-->
                <!--            display: flex; justify-content: center; align-items: center;">-->
                <!--                    <el-divider><span style="font-size: 15px;">说明:</span>-->
                <!--                      <span style="font-size: 15px;color: #2f81d5"><el-button type="text"></el-button></span>-->
                <!--                      <span style="font-size: 15px;"></span></el-divider>-->
                <!--                  </el-col>-->
                <!--                </el-row>-->

                <div style="text-align: left;margin-left: 125px;font-size: 20px;line-height: 50px">
                  <b>说明：</b><br>
                  <span style="margin-left: 40px;">项目负责人需提交材料:</span><br>
                  <span style="margin-left: 80px">1.成果转化审批表；</span><br>
<!--                  <span style="margin-left: 80px">2.涉及关联交易需提供关联关系情况说明；</span><br>-->
                  <span style="margin-left: 80px">2.研发团队成员及收益分配比例表；</span><br>
                  <span style="margin-left: 80px">3.专利或软著登记证书复印件或技术秘密说明书一份；</span><br>
<!--                  <span style="margin-left: 80px">5.受让方营业执照复印件加盖公章。</span><br>-->

                </div>

                <!--                <el-row style="display: flex;margin-top: 0px;margin-left: 75px;width: 1120px;">-->
                <!--                  <el-table-->
                <!--                    :data="tableData"-->
                <!--                    height="205"-->
                <!--                    border-->
                <!--                    style="width: 1120px;white-space: nowrap;border-radius: 4px;"-->
                <!--                    :cell-style="{textAlign: 'center'}"-->
                <!--                    :header-cell-style="{fontSize: '13px', whiteSpace: 'nowrap',backgroundColor: '#f4f4f5'}">-->
                <!--                    <el-table-column label="次/万元" align="center" prop="rstype">-->
                <!--                    </el-table-column>-->
                <!--                    <el-table-column label="计划日期" align="center" prop="rsname">-->
                <!--                    </el-table-column>-->
                <!--                    <el-table-column style="white-space: nowrap;" label="专利号/软著登记证书号" align="center"></el-table-column>-->
                <!--                    <el-table-column label="权利人" align="center"></el-table-column>-->
                <!--                    <el-table-column label="发明人" align="center"></el-table-column>-->
                <!--                    <el-table-column label="操作" align="center">-->
                <!--                      <el-button icon="el-icon-delete" style="border: none"></el-button>-->
                <!--                    </el-table-column>-->
                <!--                  </el-table>-->
                <!--            <el-pagination
                              background
                              layout="prev, pager, next"
                              :total="50">
                            </el-pagination>-->

                <br>

                <br>
                <el-row style="display: flex;margin-top: 150px;">

                  <el-button  @click="shangStep"
                              style="height: 40px;width: 90px;font-size: 15px;margin-left: 850px;color: #000000;">

                    上一步</el-button>

                  <el-button  @click="nextStep3"
                              style="background-color: #1c84c6;font-size: 15px;width: 100px;color: #FFFFFF;margin-left: 20px">

                    确认</el-button>
                </el-row>
              </el-form>
            </div>

          </div>
        </el-main>





      </el-container>

    </el-container>
  </div>
</template>

<script>
  import { listTransformation, getTransformation, delTransformation, addTransformation, updateTransformation,getshenhe } from "@/api/module/lys/transformation";

  import ScrollPane from "@/layout/components/TagsView/ScrollPane";
  export default {
    name: "writeform",
    dicts:['cxcy_transformation_mode','cxcy_correlation_condition','cxcy_license_mode','cxcy_mode_transfer'],
    components: {ScrollPane},
    data () {
      return {
        tempid:null,
        form: {

        },
        // 表单校验
        rules: {





        },
        active:2,
        radio: '1',
        tableData: [{
          rstype: '专利',
          rsname: '王小虎',
        },{
          rstype: '软著',
          rsname: '王小虎',
        },{
          rstype: '软著',
          rsname: '王小虎',
        },{
          rstype: '软著',
          rsname: '王小虎',
        },{
          rstype: '软著',
          rsname: '王小虎',
        }],
        options: [{
          value: '选项1',
          label: '信息科学与技术学院'
        }, {
          value: '选项2',
          label: '控制学院'
        }, {
          value: '选项3',
          label: '美术学院'
        }, {
          value: '选项4',
          label: '化学学院'
        }, {
          value: '选项5',
          label: '食品学院'
        }],
        value: ''
      };
    },
    created() {
      /*this.handleUpdate();*/

      const id = this.$route.query.id;
      if (id) {
        // 获取表详细信息
        console.log(id+"555")
        getTransformation(id).then(res => {

          this.form = res.data;
          this.form.acceptTime=null;
          this.form.form.paymentTime1=null;
          this.form.form.paymentTime2=null;
          this.form.form.paymentTime3=null;
          this.form.form.paymentTime4=null;
          console.log(this.form)
        });
      }
    },
    methods:{
      nextStep3() {
        updateTransformation(this.form).then(response => {
          /* this.$router.push({path: "/transformation",query:{id}});*/
          const id=null;
          const obj = { path: "/transformation",query:{id}};
          this.$tab.closeOpenPage(obj);
        });
        this.getList();
      },
      nextStep() {

        if (this.form.id != null) {

          this.active += 1 // 将激活的索引加一
        }
      },
      nextStep2() {
        console.log(this.form.id)
        updateTransformation(this.form).then(response => {

          this.$modal.msgSuccess("提交成功");
          this.active += 1 // 将激活的索引加一
        });
      },
      nextStep1() {
        this.active += 1 // 将激活的索引加一

      },
      shangStep(){
        this.active -= 1 // 将激活的索引加一F
      },
      shangStep1(){
        this.$router.push("transformation")
      },
      getList() {
        this.loading = true;
        listAchievement(this.queryParams).then(response => {
          this.achievementList = response.rows;
          this.total = response.total;
          this.loading = false;
        });
      },
      handleUpdate() {

        /* const id =1;*/
        getTransformation(id).then(response => {
          console.log(response.data)
          this.form = response.data;
          this.open = true;
          this.title = "修改成果信息";
        });
      },
    }
  }
</script>

<style scoped>
  .header-top{
    background-color: #FFFFFF;
  }
  .el-container {
    margin-bottom: 40px;
  }
  .el-header{
    background-color: #FFFFFF;
    color: #333;
    text-align: center;
  }
  .el-aside {
    height: 760px;
    background-color: #E9EEF3;
    color: #333;
    text-align: center;
    margin-top: 5px;
    border-radius: 4px;
    margin-left: 5px;
    border-radius: 4px;
    margin-bottom: 1px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
  }
  .aside-left{
    height: 850px;
    background-color: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
  }

  .main.el-main {
    background-color: #E9EEF3;
    color: #333;
    text-align: center;
    margin-top: 5px;
    border-radius: 4px;
    margin-left: 10px;
    margin-right: 5px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
    overflow-y: auto;
    overflow-x: hidden;
  }
  .table-middle{
    height: 850px;
    background-color: #FFFFFF;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
    overflow-y: auto;
    overflow-x: hidden;
  }


  .down-aside{
    height: 900px;
  }
  ::-webkit-scrollbar{
    width: 0!important;
  }
  ::-webkit-scrollbar {
    width: 0 !important;
    height: 0;
  }

  .custom-input{
    height: 100%;
    box-sizing: border-box;
    border: none;
  }
  .paperview-input-text ::v-deep.el-input__inner {
    border: none;


    font-size: 16px;

  }

  .custom-input::placeholder {
    font-size: 40px; /* 调整字号为 20px */
  }
  .el-step__description {
    position: relative;   /* 使描述部分相对定位 */
    top: -12px;   /* 向上移动描述部分 */
  }
</style>
